﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="renderer" content="webkit">
    <title>大众之旅</title>
    <link href="/static/home/css/normalize.css" rel="stylesheet">
    <link href="/static/home/css/bootatrap/bootstrap.min.css" rel="stylesheet">
    <link href="/static/home/css/mixin.css" rel="stylesheet">
    <link href="/static/home/css/style.css" rel="stylesheet">
</head>

<body>
    <!-- 头部 -->
    <header class="boder_bn">
        <div class="top">
            <div class="typearea">
                <div class="fl">
                    <span>欢迎来到大众之旅!</span>
                    <a href="login.html"><span class="ml_15 color_o">请登录</span></a>
                    <a href="register.html"><span class="ml_15">会员注册</span></a>
                </div>
                <div class="fr">
                    <a href="my.html#order"><span>我的订单</span></a>
                    <a href="myCart.html"><span class="ml_30">我的购物车</span></a>
                </div>
            </div>
        </div>
        <div class="center">
            <div class="typearea">
                <div class="fl">
                    <img class="logo_img" src="/static/home/img/logo.png" alt="">
                </div>
                <div class="fr">
                    <div class="search input-group">
                        <input type="text" class="form-control">
                        <div class="search_btn btn-group">
                            <a href="" class="btn">
                                <img src="/static/home/img/s.jpg" alt="">
                            </a>
                        </div>
                    </div>
                    <!-- <div class="mycart">
                        <img src="/static/home/img/cart.png" alt="">
                        <span>我的购物车(0)</span>
                    </div> -->
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="typearea">
                <div class="fl">
                    <!-- Single button -->
                    <div class="btn-group">
                        <div class="all_product">
                            <div data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                                全部商品分类 <span class="caret"></span>
                            </div>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="#">
                                        <div class="fl">
                                            <p>生态水果</p>
                                            <p class="gray">国产水果 进口水果</p>
                                        </div>
                                        <span class="glyphicon glyphicon-menu-right fr"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="fl">
                                            <p>新鲜蔬菜</p>
                                            <p class="gray">果实类 叶类</p>
                                        </div>
                                        <span class="glyphicon glyphicon-menu-right fr"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="fl">
                                            <p>家禽家畜</p>
                                            <p class="gray">猪肉 家鸭肉</p>
                                        </div>
                                        <span class="glyphicon glyphicon-menu-right fr"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="fl">
                                            <p>粮油米面</p>
                                            <p class="gray">食用油 米面类</p>
                                        </div>
                                        <span class="glyphicon glyphicon-menu-right fr"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="fl">
                                            <p>鲜活水产</p>
                                            <p class="gray">鱼类 虾蟹类</p>
                                        </div>
                                        <span class="glyphicon glyphicon-menu-right fr"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="fl">
                                            <p>鲜活水产</p>
                                            <p class="gray">鱼类 虾蟹类</p>
                                        </div>
                                        <span class="glyphicon glyphicon-menu-right fr"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="fr">
                    <ul>
                        <li><a href="index.html">商城首页</a></li>
                        <li><a href="product.html">农副产品</a></li>
                        <li><a href="scenic.html">免费景区</a></li>
                        <li><a href="scenic.html">景区门票</a></li>
                        <li><a href="product.html">折扣专区</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!-- 个人中心 -->
    <div class="my clearfix">
        <div class="crumbs">
            <div class="typearea">
                <div class="typearea">
                    <ol class="breadcrumb">
                        <li class="active">当前 : 帮助中心</li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="typearea">
            <div class="my_menu mt_30">
                <div class="top">服务保证</div>
                <!-- Nav tabs -->
                <ul role="tablist">
                    <li role="presentation">
                        <a href="#dispatching" aria-controls="dispatching" role="tab" data-toggle="tab">
                            <span class="ml_5">配送说明</span>
                        </a>
                    </li>
                    <li role="presentation">
                        <a href="#quality" aria-controls="quality" role="tab" data-toggle="tab">
                            <span class="ml_5">产品质量保证</span>
                        </a>
                    </li>
                    <li role="presentation">
                        <a href="#aftersales" aria-controls="aftersales" role="tab" data-toggle="tab">
                            <span class="ml_5">售后服务保证</span>
                        </a>
                    </li>
                    <li role="presentation">
                        <a href="#connect" aria-controls="connect" role="tab" data-toggle="tab">
                            <span class="ml_5">联系我们</span>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- Tab panes -->
            <div class="tab-content fr mt_30">
                <!-- 配送说明 -->
                <div role="tabpanel" class="tab-pane active helpcenter " id="dispatching">
                    <div class="top">配送说明</div>
                    <div class="contant clearfix">
                        配送说明
                    </div>
                </div>
                <!-- 产品质量保证 -->
                <div role="tabpanel" class="tab-pane helpcenter " id="quality">
                    <div class="top">产品质量保证</div>
                    <div class="contant clearfix">
                        产品质量保证
                    </div>
                </div>
                <!-- 售后服务保证 -->
                <div role="tabpanel" class="tab-pane helpcenter " id="aftersales">
                    <div class="top">售后服务保证</div>
                    <div class="contant clearfix">
                        售后服务保证
                    </div>
                </div>
                <!-- 联系我们 -->
                <div role="tabpanel" class="tab-pane helpcenter " id="connect">
                    <div class="top">联系我们</div>
                    <div class="contant clearfix">
                        联系我们
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <footer>
        <div class="f_top">
            <div class="typearea">
                <ul>
                    <li>
                        <img src="/static/home/img/b1.jpg" alt="">
                        <span>正品保障</span>
                    </li>
                    <li>
                        <img src="/static/home/img/b2.jpg" alt="">
                        <span>好评如潮</span>
                    </li>
                    <li>
                        <img src="/static/home/img/b3.jpg" alt="">
                        <span>闪电发货</span>
                    </li>
                    <li>
                        <img src="/static/home/img/b4.jpg" alt="">
                        <span>权威荣誉</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="f_center">
            <div class="typearea">
                <div class="contact">
                    <div class="con_t">
                        <img src="/static/home/img/b5.jpg" alt="">
                        <div class="con_tr ml_10">
                            <div>027-12345678</div>
                            <div>服务时间：周一至周日 8:00-20:00</div>
                        </div>
                    </div>
                    <div class="mt_20">地址：武汉市武昌区湖北省科技创业大厦A座14楼1401</div>
                    <div class="mt_20">邮箱：2972739626@qq.com</div>
                </div>
                <ul>
                    <li><a href="javascript:0">购物指南</a></li>
                    <li><a href="javascript:0">我的购物车</a></li>
                    <li><a href="javascript:0">查看订单</a></li>
                    <li><a href="javascript:0">取消订单</a></li>
                </ul>
                <ul>
                    <li><a href="javascript:0">帮助中心</a></li>
                    <li><a href="javascript:0">用户注册</a></li>
                    <li><a href="javascript:0">用户登录</a></li>
                    <li><a href="javascript:0">配送说明</a></li>
                </ul>
                <ul>
                    <li><a href="javascript:0">服务保证</a></li>
                    <li><a href="javascript:0">产品质量保证</a></li>
                    <li><a href="javascript:0">售后服务保证</a></li>
                    <li><a href="javascript:0">联系我们</a></li>
                </ul>
                <div class="fr">
                    <div><img src="/static/home/img/b6.jpg" alt=""></div>
                    <div class="ml_30"><img src="/static/home/img/b6.jpg" alt=""></div>
                </div>
            </div>
        </div>
        <div class="f_bottom">
            <div class="typearea">
                版权所有 © 2004-2020 大众之旅官方商城 鄂ICP备00000000号
            </div>
        </div>
    </footer>
    
    <script src="/static/home/js/bootstrap/jquery.min.js"></script>
    <script src="/static/home/js/bootstrap/bootstrap.min.js"></script>
    <script>

    </script>
</body>

</html>